<div class="text-page">
  <h1>Introduction</h1>
  <p>The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites.</p>
  <p class="tip"><strong>Tip:</strong> Open your Developer Tools console to view <code>fetch</code> events and informative messages about what each recipe's service worker is doing!</p>

  <h2>Attribution</h2>
  <p>The Service Worker Cookbook was created by <a href="https://mozilla.com">Mozilla</a> with <a href="https://github.com/mozilla/serviceworker-cookbook/graphs/contributors">contributions</a> from developers like you.  All source code is <a href="https://github.com/mozilla/serviceworker-cookbook">available on GitHub</a>.  Contributions and requests welcome.</p>
  <p>Attribution of pictures in Caching strategies category can be found at <a href="http://lorempixel.com">lorempixel.com</a>.</p>

  <h2>Recipes</h2>
  {% for recipe in recipes %}
    <h3><a href="{{ recipe.slug }}.html">{{ recipe.title }}</a></h3>
    <div>{% autoescape false %}{{ recipe.summary }}{% endautoescape %}</div>
  {% endfor %}
</div>
